<!DOCTYPE html>

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>

<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="../../assets/ico/favicon.ico">
<title>Admin Login Page</title>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Latest compiled and minified CSS -->
<link href="http://cdn.bootcss.com/semantic-ui/0.13.0/css/semantic.min.css" rel="stylesheet">
<style type="text/css">
</style>
</head>

<body>
	
	<div class="ui segment middle aligned grid">
		<div class="two column row">
			<div class="column">
				<form class=" ui segment form">
					<div class="field">
						<label for="form-username">User Name</label>
						<div class="ui left labeled icon input">
							<input type="text" id="form-username" placeholder="User Name"/>
							<i class="user icon"></i>
							<div class="ui corner label">
								<i class="asterisk icon"></i>
							</div>
						</div>
					</div>
					<div class="field">
						<label for="form-password">Password</label>
						<div class="ui left labeled icon input">
							<input type="password" id="form-password" placeholder="Password"/>
							<i class="lock icon"></i>
							<div class="ui corner label">
								<i class="asterisk icon"></i>
							</div>
						</div>
					</div>
					<div class="ui blue submit button">Login</div>
				</form>
			</div>
			<div class="ui vertical divider">Or</div>
			<div class="center aligned column">
				<div class="huge green ui labeled icon button">
					<i class="signup icon"></i> Sign Up
				</div>
			</div>
		</div>
	</div>
	<!-- /container -->

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
	<script src="http://cdn.bootcss.com/semantic-ui/0.13.0/javascript/semantic.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		$('.ui.form').form({
			username : {
				identifier : 'form-username',
				rules : [ {
					type : 'empty',
					prompt : 'Please enter a user name'
				} ]
			},
			password : {
				identifier : 'form-password',
				rules : [ {
					type : 'empty',
					prompt : 'Please enter a password'
				}, {
					type : 'length[6]',
					prompt : 'Your password must be at least 6 characters'
				}, {
					type : 'maxLength[12]',
					prompt : 'Your password must be in 12 characters or less'
				} ]
			}
		}, {inline : false, on : 'change'});
	});
	</script>
</body>
</html>
